.status-bar-scroller {
    width: 100%;
    height: 80px;
    overflow: auto;
}

.status-bar-container {
    display: table;
    width: 100%;
    height: 80px;
    table-layout: fixed;
}

.status-bar-wrapper {
    display: table-cell;
    height: 80px;
    vertical-align: bottom;
}

.status-bar {
    box-sizing: border-box;
    padding: 0 10px 0 7px;
    height: 20px;
    font-size: 12px;
}

.status-bar-icon {
    display: inline-block;
    margin-right: 7px;
    background-repeat: no-repeat;
    height: 14px;
    width: 14px;
    vertical-align: middle;
}

.status-bar-done {
    color: #6CCB24;
    background: rgba(108, 203, 36, .2);
    border-left: 3px solid #6CCB24;
}

.status-bar-done .icon-tel {
    background-image: url("../../../../../images/tel-green.png");
}

.status-bar-done .icon-air {
    background-image: url("../../../../../images/air-green.png");
}

.status-bar-done .icon-plan {
    background-image: url("../../../../../images/plan-green.png");
}

.status-bar-done .icon-done {
    background-image: url("../../../../../images/done.png");
}

.status-bar-fail {
    color: #F30416;
    background: rgba(243, 4, 22, .2);
    border-left: 3px solid #F30416;
}

.status-bar-fail .icon-tel {
    background-image: url("../../../../../images/tel-red.png");
}

.status-bar-fail .icon-air {
    background-image: url("../../../../../images/air-red.png");
}

.status-bar-fail .icon-plan {
    background-image: url("../../../../../images/plan-red.png");
}

.status-bar-fail .icon-fail {
    background-image: url("../../../../../images/fail.png");
}

.status-bar-await {
    color: #FFB619;
    background: rgba(255, 182, 25, .2);
    border-left: 3px solid #FFB619;
}

.status-bar-await .icon-tel {
    background-image: url("../../../../../images/tel-yellow.png");
}

.status-bar-await .icon-air {
    background-image: url("../../../../../images/air-yellow.png");
}

.status-bar-await .icon-plan {
    background-image: url("../../../../../images/plan-yellow.png");
}

.status-bar-await .icon-await {
    background-image: url("../../../../../images/await.png");
}

.status-bar-current {
    color: #049CF7;
    background: rgba(4, 157, 248, .2);
    border-left: 3px solid #049DF8;
}

.status-bar-current .icon-tel {
    background-image: url("../../../../../images/tel-blue.png");
}

.status-bar-current .icon-air {
    background-image: url("../../../../../images/air-blue.png");
}

.status-bar-current .icon-plan {
    background-image: url("../../../../../images/plan-blue.png");
}